<template>
	<view class="content">
		<view class="user_account circle-orange">
			<view class="coolc icon-rmb"></view>
			<text class="title">帐户余额（元）</text>
			<text class="num">¥15,9900</text>
			<navigator url="/pages/ucenter/withdraw" class="btn">提现</navigator>
		</view>
		<textcom v-for="(item,i) in bankdetail[0].list" :key="i" v-bind:item="item" types="时间" background="#372200"></textcom>
	</view>
</template>

<script>
import textcom from '@/components/text-com';
export default {
	components: {
		textcom
	},
	data() {
		return {
			bankdetail:[{},{}],
		}
	},
	onLoad(){
		this.loadData();
		setTimeout(()=> {
			this.renderImage = true;
		}, 300);
	},
	methods: {
		async loadData() {
			
			let bankdetail = await this.$api.json('bankdetail');
			this.bankdetail = bankdetail;
			
		},
	}
}
</script>

<style lang='scss'>
	page { background:$bgcolor_white; }
	.user_account { width:100%; height:160upx; padding-top:20upx; clear:both; padding-left:90upx; position:relative; box-shadow:0px 0px 0px #ffd200; }
	.user_account .coolc { width:50upx; height:50upx; line-height:50upx; font-size:32upx; color:#f19400; left:20upx; top:20upx; text-align:center; position:absolute; border-radius:50upx; background:rgba(255,255,255,.4); }
	.user_account .title { width:100%; height:50upx; line-height:50upx; display:block; font-size:28upx; }
	.user_account .num { width:100%; height:60upx; line-height:60upx; display:block; font-size:46upx; font-weight:bold; }
	.btn {
		height:60upx; line-height:60upx; position:absolute; top:26upx; right:26upx; border-radius:60upx; border:1px solid #ffffff; padding:0 25upx; display:block; font-size:26upx; color:#ffffff;
	}
</style>